<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 3.新制作一个注册页面，要求：
		      3.1 包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
		      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
		      3.3 每个需要提交的标签都要有name值
		      3.4 按照name的方式查找各个元素
		      3.5 按照标签的方式查找各个元素 -->
	</head>
	<body>
			<form action="" method="">
				<table border="0px" cellspacing="" cellpadding="">
					<tr>
						<td> 
							用户名:
						</td>
						<td>
							<input type="text" name="userName" id="" value="" />
						</td>
					</tr>
					<tr>
						<td>
							密码：
						</td>
						<td>
							<input type="password" name="pwd" />
						</td>
					</tr>
					<tr>
						<td>
							性别：
						</td>
						<td>
							<input type="radio" name="sex" id="wuman" value="" />男
							<input type="radio" name="sex" id="men" value="" />女
						</td>
					</tr>
					<tr>
						<td>
							学院：
						</td>
						<td>
							<select name="college">
								<option value="">软件工程学院1</option>
								<option value="">软件工程学院2</option>
								<option value="">软件工程学院3</option>
							</select>
						</td>
					</tr>
					<tr>
						<td>
							爱好：
						</td>
						<td>
							<input type="checkbox" id="eat" name="hobby" value="" />吃
							<input type="checkbox" id="drink" name="hobby" value="" />喝
							<input type="checkbox" id="play" name="hobby" value="" />玩
						</td>
					</tr>
					<tr>
						<td>
							自我介绍：
						</td>
						<td>
							<textarea name="introduce" rows="20px" cols="50px"></textarea>
						</td>
					</tr>
					<tr>
						<td colspan="2">
						<button name="submit" type="button">提交</button>
						</td>
					</tr>
				</table>
			</form>
		</body>
		<script type="text/javascript">
			var aa=document.getElementsByName('submit');
			console.log(aa);
			
			var bb=document.getElementsByName('hobby');
			console.log(bb);
			
			var cc=document.getElementsByName('college');
			console.log(cc);
			
			var dd=document.getElementsByTagName('table')
			console.log(dd);
		</script>
</html>
